@extends('front.common')
<link rel="stylesheet" type="text/css" href="/lib/front/index.css">
	<script type="text/javascript" src="/lib/js/jquery.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap.js"></script>
<style type="text/css">
	.col-sm-2:hover{
		box-shadow: 10px 10px 5px #888888;
		/*margin-top: -10px;*/
	}
</style>
<nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">
      <a class="navbar-brand" href="#">首页</a>
    </div>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <div class="navbar-form navbar-right">
      <form action="/search" method="post" style="display: inline-block;">
        <div class="form-group">
          <input type="text" class="form-control" id="searchid" name="searchvalue" placeholder="Search">
        </div>
        <input type="submit" class="btn btn-default" id="searchsky" value="搜索">
      </form>
        <!-- <a href="cart" class="btn btn-default">购物车</a> -->
        <a href="personal" class="btn btn-default">个人中心</a>
        <!-- <a href="collection" class="btn btn-default">我的收藏</a> -->
        <a href="login" class="btn btn-default">登录</a>
      </div>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<!-- <li data-target="#myCarousel" data-slide-to="3" class="active"></li> -->
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item">
			<img src="http://shop.kongfz.com/images/slider/slider_tan.jpg" alt="Third slide">
		</div>
		<div class="item active">
			<img src="http://images.china-pub.com/edition07/images2012/1002215/qmds_1002215.jpg" alt="First slide">
		</div>


		<div class="item">
			<img src="http://shop.kongfz.com/images/slider/slider_pm.jpg" alt="Second slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel" 
	   data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel" 
	   data-slide="next">&rsaquo;</a>
</div> 
<div class="contenter">

	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
				<div class="pull-left">计算机图书</div>
				<a class="pull-right" href="{{url('more',['id'=>1])}}">更多</a>
			</h3>
		</div>
		<div class="panel-body">
			<div class="row">
		      <a class="col-xs-6 col-sm-6">
		      	<div><img class="jsj" src="http://images.china-pub.com/edition07/images2012/485150/yjll_458150.jpg"></div>
		      </a>
		      <a class="col-xs-6 col-sm-6">
		      	<div><img class="jsj" src="http://images.china-pub.com/edition07/images2012/485150/openstack_485150.jpg"></div>
		      </a>
		    </div>

			<div class="row">
			@foreach($goods1 as $value)
		      <a class="col-xs-6 col-sm-2" href="{{url('detail',['id'=>$value->id])}}">
		      	<div><img src="/storage/{{$value->img}}" class="indeximg"></div>
		      	<div>
		      		<p>
		      			{{$value->name}}
		      		</p>
		      		<p>
		      			价格：{{$value->cost}}
		      		</p>
		      	</div>
		      </a>
		     @endforeach
		   </div>
	</div>

	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
				<div class="pull-left">计算机图书</div>
				<a class="pull-right" href="{{url('more',['id'=>2])}}">更多</a>
			</h3>
		</div>
		<div class="panel-body">
			<div class="row">
		      <a class="col-xs-6 col-sm-6">
		      	<div><img class="jsj" src="http://images.china-pub.com/edition07/images2012/485150/yjll_458150.jpg"></div>
		      </a>
		      <a class="col-xs-6 col-sm-6">
		      	<div><img class="jsj" src="http://images.china-pub.com/edition07/images2012/485150/openstack_485150.jpg"></div>
		      </a>
		    </div>

			<div class="row">
			@foreach($goods2 as $value)
		      <a class="col-xs-6 col-sm-2" href="{{url('detail',['id'=>$value->id])}}">
		      	<div><img src="../storage/{{$value->img}}" class="indeximg"></div>
		      	<div>
		      		<p>
		      			{{$value->name}}
		      		</p>
		      		<p>
		      			价格：{{$value->cost}}
		      		</p>
		      	</div>
		      </a>  
		    @endforeach 
		   </div>
	</div>

	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">
				<div class="pull-left">计算机图书</div>
				<a class="pull-right" href="{{url('more',['id'=>3])}}">更多</a>
			</h3>
		</div>
		<div class="panel-body">
			<div class="row">
		      <a class="col-xs-6 col-sm-6">
		      	<div><img class="jsj" src="http://images.china-pub.com/edition07/images2012/485150/yjll_458150.jpg"></div>
		      </a>
		      <a class="col-xs-6 col-sm-6">
		      	<div><img class="jsj" src="http://images.china-pub.com/edition07/images2012/485150/openstack_485150.jpg"></div>
		      </a>
		    </div>

			<div class="row">
			@foreach($goods3 as $value)
		      <a class="col-xs-6 col-sm-2" href="{{url('detail',['id'=>$value->id])}}">
		      	<div><img src="../storage/{{$value->img}}" class="indeximg"></div>
		      	<div>
		      		<p>
		      			{{$value->name}}
		      		</p>
		      		<p>
		      			价格：{{$value->cost}}
		      		</p>
		      	</div>
		      </a>
		    @endforeach
		   </div>
	</div>
<footer>
	<p>&copy; Company 2013</p>
</footer>

<script type="text/javascript">

</script>